var itips=document.getElementsByTagName('i');
var utips=document.getElementsByTagName('u');

telephone.onfocus=function(){
	// itips[0].innerHTML="请输入您的11位手机号码";
	itips[0].innerHTML="";
	utips[0].style.background="";
}
telephone.onblur=function(){
	var val=telephone.value;
	var reg=/^[0-9]{11}$/;
	if (val=='') {
		itips[0].innerHTML="手机号不能为空";
		utips[0].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-cuo"></use></svg>';
	}else if (isNaN(val)||val.length<11) {
		itips[0].innerHTML="请输入正确的手机号";
		utips[0].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-cuo"></use></svg>';
	}else if(telephone.value.match(reg)){
		itips[0].innerHTML="";
		utips[0].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-dui"></use></svg>';
	}
}

message.onfocus=function(){
	var reg=/^[0-9]{11}$/;
	message.value="";
	itips[1].innerHTML="";
	utips[1].style.background="";
	if (telephone.value.match(reg)) {
		changecolor.style.background="#FCEEF2";
		changecolor.style.color="#E200A1";
		changecolor.style.border="1px solid #FFBEE0";
	}else{
		changecolor.style.background="#D0D0D0";
		changecolor.style.color="#999999";
		changecolor.style.border="";
	}
}
message.onblur=function(){
	var val=message.value;
	var reg=/^[0-9]{6}$/;
	if (val=='') {
		itips[1].innerHTML="请输入6位数字手机验证码";
		utips[1].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-cuo"></use></svg>';
	}else if (isNaN(val)||val.length<6) {
		itips[1].innerHTML="请输入6位数字手机验证码";
		utips[1].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-cuo"></use></svg>';
	}else if(message.value.match(reg)){
		utips[1].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-dui"></use></svg>';
	}else if(!message.value.match(reg)){
		itips[1].innerHTML="请输入6位数字手机验证码";
		utips[1].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-cuo"></use></svg>';
	}
}

lock.onfocus=function(){
	// lock.value="";
	itips[2].innerHTML="";
	utips[2].style.background="";
}
lock.onblur=function(){
 	// 密码必须由 6-20位字母、数字、特殊符号组成 
	var val=lock.value;
// ------------------------
	// 密码强度为强
	// var reg=/^[0-9A-z!#$%^&*]{11,20}$/;
	// // 纯数字|纯字母|纯字符，密码强度为弱
	// var reg1=/^[0-9]{6,10}|[A-z]{6,10}$/;
	// // 当有数字+字母||数字+字符||字母+字符时，密码强度为中
	// var reg2=/^[0-9A-z!#$%^&*]{8,10}$/;
// ------------------------
	// 密码强度为强,强：字母+数字+特殊字符(至少一个字母，一个数字和一个特殊字符)
	var reg=/^(?![A-z]+$)(?!\d+$)(?![!@#$%^&*]+$)(?![A-z\d]+$)(?![A-z!@#$%^&*]+$)(?![\d!@#$%^&*]+$)[A-z\d!@#$%^&*]+$/;

	// 当有数字+字母||数字+字符||字母+字符时，密码强度为中
	var reg1=/^(?![A-z]+$)(?!\d+$)(?![!@#$%^&*]+$)[A-z\d!@#$%^&*]+$/;

	// 纯数字|纯字母|纯字符，密码强度为弱
	var reg2=/^(?:\d+|[A-z]+|[!@#$%^&*]+)$/;


	if (val=='') {
		itips[2].innerHTML="密码不能为空";
		utips[2].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-cuo"></use></svg>';
	}else if(val.length<6){
		itips[2].innerHTML='<span class="lockstyle"><b class="lockstyle1"></b></span> <b style="color:#F64A4A;">弱</b> <span style="float:right;margin-left:20px"><b style="font-weight:normal;">请输入6-20位密码</b></span>';
		utips[2].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-cuo"></use></svg>';
	}
	else if(lock.value.match(reg)){
		// lock.value.match(reg)||
		console.log(lock.value);
		// 匹配reg格式，显示强
		itips[2].innerHTML='<span class="locks"></span><b style="color:#49B05C">强</b><span style="float:right;margin-left:20px"><b style="font-weight:normal;">你的密码很安全</b></span>';
		utips[2].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-dui"></use></svg>';
	}
	else if(lock.value.match(reg1)){
		console.log(lock.value);
		itips[2].innerHTML='<span class="lockstyle"><b class="lockstyle2"></b></span> <b style="color:#F9A123">中</b> <span style="float:right;margin-left:20px"><b style="font-weight:normal;">密码安全强度适中</b></span>';
		utips[2].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-dui"></use></svg>';
	}
	else if(lock.value.match(reg2)){
		console.log(lock.value);
		// 如果不匹配reg，全是数字或者全是字母、字符，则显示：密码过于简单，有被盗风险，建议您更改为复杂密码
		itips[2].innerHTML='<span class="lockstyle"><b class="lockstyle1"></b></span> <b style="color:#F64A4A;">弱</b> <span style="float:right;margin-left:20px"><b style="font-weight:normal;">密码过于简单，有被盗风险，建议修改</b></span>';
		utips[2].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-cuo"></use></svg>';
	}
}

lock1.onfocus=function(){
	// lock.value="";
	itips[3].innerHTML="";
	utips[3].style.background="";
}
lock1.onblur=function(){
 	// 密码必须由 6-20位字母、数字、特殊符号组成 
	var val=lock.value;
	var val1=lock1.value;

	if (val1=='') {
		itips[3].innerHTML="请输入确认密码";
		utips[3].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-cuo"></use></svg>';
	}else if(val!=val1){
		console.log(val1);
		itips[3].innerHTML="两次输入的密码不一致，请重试";
		utips[3].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-cuo"></use></svg>';

	}else if(val==val1){
		console.log(val1);
		itips[3].innerHTML="";
		utips[3].innerHTML='<svg class="icon" aria-hidden="true"><use xlink:href="#icon-dui"></use></svg>';
	}

}

login.onclick=function(){
	var flag=true;
	var tel=telephone.value;
	var mess=message.value;
	var loc=lock.value;
	var locs=lock1.value;

	if (!check.checked||tel==""||mess==""||loc==""||locs=="") {
		flag=false;
		itips[0].innerHTML="手机号不能为空";
	}
	return flag;
}

